<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  
    <link rel="stylesheet" type="text/css" href="./css/jquery.fullPage.css" /><!--引入fullpage.css样式文件 -->
    <link rel="stylesheet" type="text/css" href="./css/index.css" /><!--自定义的css代码文件 -->

    <title>Document</title>
</head>
<body>
    <a href="#" class="commonGo"><img src="./image/00-go.png"></a>
    <a href="#" class="commonMore"><img src="./image/00-more.png"></a>

    <!-- 此项目有6屏 -->
    <div class="container">

        <!-- 第一屏 -->
        <div class="section screen01" >
            <div class="content">
                <!-- 商品列表 -->
                <div class="sofa">
                    <img src="./image/01-sofa.png" alt="">
                </div>
                <div class="goods">
                        <img src="./image/01-goods.png" alt="">
                    </div>
                    <div class="fly">
                            <img src="./image/01-fly.png" alt="">
                     </div>
            </div>
        </div>
        <!-- 第二屏 关键点：当进入第二屏时动画才开始执行，第二怎么方便快速地做动画出来-->
        <div class="section screen02">
          <div class="content">
                <div class="search">
                    <img class="searchInp" src="./image/02-search.png" alt="">
                    <img class="searchTxt" src="./image/02-key.png" alt="">
                </div>
                <div class="sofas">
                    <img src="./image/02-goods.png" alt="">
                </div>
                <div class="simpleSofa">
                    <img src="./image/02-sofa.png" alt="">
                </div>
                

          </div>
        </div>
        <!-- 第三屏 关键点：沙发由第二屏掉落到第三屏-->
        <div class="section screen03">
           <div class="content">
               <div class="goumai">
                   <img  src="./image/03-change01.gif" alt="">
                   <img src="./image/03-change02.gif" alt="">
               </div>
               <div class="sofa03">
                   <img src="./image/02-sofa.png" alt="">
               </div>

           </div>
        </div>
        <!-- 第四屏 -->
        <div class="section screen04">
            <div class="cloud">
                <img src="./image/04-cloud.png" alt="">
            </div>
            <div class="content">
                
                <div class="galleyTxt">
                    <img src="./image/04-text01.png" alt="">
                    <img src="./image/04-text02.png">
                </div>
                <div class="gallery">
                        <img src="./image/04-cart.png" alt="">
                    </div>
                    <div class="sofa04">
                        <img src="./image/02-sofa.png" alt="">
                    </div>
                    <div class="address04">
                        <img src="./image/04-address01.png" alt="">
                        <img src="./image/04-address02.png" alt="">
                    </div>
            </div>
            
        </div>
        <!-- 第五屏 --> 
        <div class="section screen05">
           <div class="content">
                <div class="stars">
                    <img src="./image/07-star.png" alt="">
                    <img src="./image/07-star.png" alt="">
                    <img src="./image/07-star.png" alt="">
                    <img src="./image/07-star.png" alt="">
                    <img src="./image/07-star.png" alt="">
                </div>
                <div class="text">
                    <img src="./image/07-text.png" alt="">
                </div>
           </div>
        </div>
        <!-- 第六屏 -->
        <div class="section screen06">
             <div class="content">
                 <div class="btns">
                     <img src="./image/08-btn01.png">
                     <img src="./image/08-btn02.gif">
                 </div>
                 <div class="hand">
                     <img src="./image/08-hand.png">
                 </div>
             </div>
        </div>
   
    </div>
    <script type="text/javascript" src="./js/jquery-3.3.1.js"></script><!--引入jquery,fullpage插件需要依赖jquery插件 -->
    <script type="text/javascript" src="./js/jquery.fullPage.js"></script><!--引入fullpage.js插件 -->
   
    <script type="text/javascript" src="./js/index.js" ></script><!--引入自定义的js代码 -->
</body>
</html>